{% block content %}
    
    <script type="text/javascript">
      // when passed a function, jQuery execs code when DOM Ready
      $(function() {
            $('#id_start').datepicker({ dateFormat: 'yy-mm-dd 00:00:00'});
          });
    </script>
    <h1>{% block greeting %}New Event For {{tournament}}{% endblock %}</h1>

    <form action={% block destination %}"/bouting/{{tournament.id}}/createEvent/"{% endblock %} method="POST">
        {% csrf_token %}
        {{eventForm.as_p}}
        {% for roundForm in roundForms%}
            <h2>Round {{forloop.counter}}</h2>
            {{roundForm.as_p}}
        {% endfor %}
        {% block button %}<input type="submit" value="Submit" />{% endblock %}
    </form>
    {% block script%}{% endblock %}
    <a href="/bouting/{{tournament.id}}/tournamentDetail/">Back</a>
{% endblock %}